<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>axios</title>
    <script src="js/vuejs-2.5.16.js"></script>
    <script src="js/axios-0.18.0.js"></script>
</head>
<body>
            <div id="app">
             用户名
                  <input type="text" v-model="username"  @blur="sendUsername">
            </div>


              <script>
                  var vm = new Vue({
                      el:"#app",
                      data :{
                          username: '上海校区黑马程序员'
                      },
                      methods:{
                          sendUsername(){
                              //  ajax请求  用户输入名称  发送给后台    get  查询请求     post  提交请求   注册 登录   上传文件
                              //  then处理服务器响应的
                              axios.get("/user/validateName.do?username="+this.username).then((res)=>{
                                  //  服务器响应数据
                                  console.info(res)
                              }).catch((e)=>{
                                  alert(e)
                              })
                              // @RequestParam("id)    @RequestBody    --pojo
                              axios.post("/user.do?username="+this.username,{"name":"tom","sex":"male"}).then((res)=>{
                                  //  处理服务器响应数据  res
                              }).catch((e)=>{
                                  //   e 异常对象
                              })

                          }
                      }
                  })
              </script>

</body>
</html>